<template>
	<view class="office_shenpi">
		<ul class="office_shenpi_ul">
			<li class="office_shenpi_li" @click="godingdan">
				<img src="/static/officeImgs/officeshenpi1.png" alt="" class="office_shenpi_li_img" />
				<view>订单审批</view>
			</li>

			<li class="office_shenpi_li" @click="gohuikuan">
				<img src="/static/officeImgs/officeshenpi1.png" alt="" class="office_shenpi_li_img" />
				<view>回款审批</view>
			</li>

			<li class="office_shenpi_li" @click="gotuikuan">
				<img src="/static/officeImgs/officeshenpi1.png" alt="" class="office_shenpi_li_img" />
				<view>退款审批</view>
			</li>

			<li class="office_shenpi_li" @click="gobaoxiao">
				<img src="/static/officeImgs/officeshenpi1.png" alt="" class="office_shenpi_li_img" />
				<view>报销审批</view>
			</li>

			<li class="office_shenpi_li" @click="goqingjia">
				<img src="/static/officeImgs/officeshenpi1.png" alt="" class="office_shenpi_li_img" />
				<view>请假审批</view>
			</li>

			<li class="office_shenpi_li" @click="gochuchai">
				<img src="/static/officeImgs/officeshenpi1.png" alt="" class="office_shenpi_li_img" />
				<view>出差审批</view>
			</li>

			<li class="office_shenpi_li" @click="gojiekuan">
				<img src="/static/officeImgs/officeshenpi1.png" alt="" class="office_shenpi_li_img" />
				<view>借款审批</view>
			</li>

			<li class="office_shenpi_li" @click="goqingshi">
				<img src="/static/officeImgs/officeshenpi1.png" alt="" class="office_shenpi_li_img" />
				<view>请示审批</view>
			</li>

			<li class="office_shenpi_li" @click="gobaifang">
				<img src="/static/officeImgs/officeshenpi1.png" alt="" class="office_shenpi_li_img" />
				<view>拜访审批</view>
			</li>
		</ul>
	</view>
</template>

<script setup>
	const godingdan = () => {
		uni.navigateTo({
			url: "/pages/office_shenpi_dingdan/office_shenpi_dingdan"
		})
	}

	const gohuikuan = () => {
		uni.navigateTo({
			url: "/pages/office_shenpi_huikuan/office_shenpi_huikuan"
		})
	}

	const gotuikuan = () => {
		uni.navigateTo({
			url: "/pages/office_shenpi_tuikuan/office_shenpi_tuikuan"
		})
	}

	const gobaoxiao = () => {
		uni.navigateTo({
			url: "/pages/office_shenpi_baoxiao/office_shenpi_baoxiao"
		})
	}

	const goqingjia = () => {
		uni.navigateTo({
			url: "/pages/office_shenpi_qingjia/office_shenpi_qingjia"
		})
	}

	const gochuchai = () => {
		uni.navigateTo({
			url: "/pages/office_shenpi_chuchai/office_shenpi_chuchai"
		})
	}

	const gojiekuan = () => {
		uni.navigateTo({
			url: "/pages/office_shenpi_jiekuan/office_shenpi_jiekuan"
		})
	}

	const goqingshi = () => {
		uni.navigateTo({
			url: "/pages/office_shenpi_qingshi/office_shenpi_qingshi"
		})
	}

	const gobaifang = () => {
		uni.navigateTo({
			url: "/pages/office_shenpi_baifang/office_shenpi_baifang"
		})
	}
</script>

<style lang="scss">
	.office_shenpi {
		font-size: 28rpx;
		padding: 20rpx;

		.office_shenpi_ul {
			display: flex;
			flex-wrap: wrap;

			.office_shenpi_li {
				width: 174rpx;
				text-align: center;
				margin-top: 30rpx;

				.office_shenpi_li_img {
					width: 104rpx;
					height: 104rpx;
				}
			}
		}
	}
</style>